<html>
    <head>
        <meta content="text/html;charset=utf-8" http-equiv="Content-Type"/>
    </head>
<body>
<form class="form-horizontal">
    <fieldset>

        <!-- Form Name -->
        <legend>CloudEvents sender</legend>

        <!-- Text input-->
        <div class="form-group">
            <label class="col-md-4 control-label" for="event_target">Target</label>
            <div class="col-md-4">
                <input id="event_target" name="event_target" type="text" placeholder="http://localhost:9000" class="form-control input-md" required="">

            </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
            <label class="col-md-4 control-label" for="event_type">Event Type</label>
            <div class="col-md-4">
                <input id="event_type" name="event_type" type="text" placeholder="example" class="form-control input-md" required="">
            </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
            <label class="col-md-4 control-label" for="event_datacontenttype">Event Data Content Type</label>
            <div class="col-md-4">
                <input id="event_datacontenttype" name="event_datacontenttype" type="text" placeholder="application/json" class="form-control input-md" required="">
            </div>
        </div>

        <!-- Textarea -->
        <div class="form-group">
            <label class="col-md-4 control-label" for="event_data">Event Data</label>
            <div class="col-md-4">
                <textarea class="form-control" id="event_data" name="event_data">{"hello":"world"}</textarea>
            </div>
        </div>

        <!-- Button -->
        <div class="form-group">
            <label class="col-md-4 control-label" for="send">Send Event</label>
            <div class="col-md-4">
                <button id="send" name="send" class="btn btn-primary" type="button">Send</button>
            </div>
        </div>

    </fieldset>
</form>

</body>
</html>